﻿@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Customer.cshtml";
}

<div class="register">
    <div class="container">
        <h1>Tạo tài khoản mới</h1>
        <div class="panel panel-default">
            <div class="panel-body">
                <form class="form-horizontal" role="form" method="post" action="/Account/Register">
                    <div class="form-group">
                        <label for="inputName" class="col-sm-2 control-label">Tên hiển thị</label>
                        <div class="col-sm-6">
                            <input type="text" required class="form-control" name="UserName" placeholder="Tên hiển thị">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputEmail" class="col-sm-2 control-label">Email</label>
                        <div class="col-sm-6">
                            <input type="email" required class="form-control" name="Email" placeholder="Email">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputIdentifyNumber" class="col-sm-2 control-label">CMND</label>
                        <div class="col-sm-6">
                            <input type="text" class="form-control" name="IdentityNumber" placeholder="Số chứng minh nhân dân">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputDOB" class="col-sm-2 control-label">Ngày sinh</label>
                        <div class="col-sm-6">
                            <input type="date" class="form-control" name="DOB">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputAddress" class="col-sm-2 control-label">Địa chỉ</label>
                        <div class="col-sm-6">
                            <input type="text" class="form-control" name="Address" placeholder="Địa chỉ liên hệ">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputPhoneNumber" class="col-sm-2 control-label">Điện thoại</label>
                        <div class="col-sm-6">
                            <input type="tel" class="form-control" name="Numberphone" placeholder="Số điện thoại">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputPassword" class="col-sm-2 control-label">Mật khẩu</label>
                        <div class="col-sm-6">
                            <input type="password" required class="form-control"  name="Password" placeholder="Mật khẩu">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputRePassword" class="col-sm-2 control-label">Xác nhận mật khẩu</label>
                        <div class="col-sm-6">
                            <input type="password" required class="form-control"  name="ConfirmPassword" placeholder="Xác nhận mật khẩu">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputSex" class="col-sm-2 control-label">Giới tính</label>
                        <div class="col-sm-6">
                            <div class="radio">
                                <label>
                                    <input type="radio" name="Sex" id="optionsRadios1" value="option1" checked>
                                    Nam
                                </label>
                            </div>
                            <div class="radio">
                                <label>
                                    <input type="radio" name="Sex" id="optionsRadios2" value="option2">
                                    Nữ
                                </label>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-offset-2 col-sm-10">
                            <div class="checkbox">
                                <label>
                                    <input type="checkbox" checked name="GetAds">
                                    Nhận email khuyến mãi, tiếp thị
                                </label>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-offset-2 col-sm-10">
                            <div class="checkbox">
                                <label>
                                    <input type="checkbox" checked>
                                    <label>
                                        Tôi đồng ý với 
                                        <a href="#">những điều khoản sử dụng của Eshop VN</a>
                                    </label>
                                </label>
                            </div>

                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-offset-2 col-sm-10">
                            <button type="submit" class="btn btn-default">Đăng kí</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<script>

    $(function () {
        $("#inputDOB").datepicker({
            buttonImageOnly: true,
            firstDay: 0,
            minDate: 0,
            dateFormat: 'dd-mm-yy'
        });

        $("#NgayTraPhong").datepicker({
            buttonImageOnly: true,
            firstDay: 0,
            minDate: 0,
            dateFormat: 'dd-mm-yy'
        });
    });
</script>
